<!-- 搜索框 -->
<div class="search_bomb_box">
  <div class="search_top fix">
    <a class="search_bomb_box_a"><img src="./assets/images/back_jt.png"></a>
    <div>
      <form>
        <input type="text" name="" placeholder="二手汽车">
        <button type="submit"><img src="./assets/images/sous.png"></button>
      </form>
    </div>
  </div>
  <div class="search_txt">
    <h2>热门搜索</h2>
    <ul>
      <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">新车</a></li>
      <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">大众</a></li>
      <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">二手汽车</a></li>
      <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">奥迪</a></li>
      <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">材质贴图</a></li>
      <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">发光字</a></li>
      <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">发光纸</a></li>
    </ul>
  </div>
</div>
<!--热门城市  -->
<div class="touchcity" id="cspand" style="display:none;">
  <div class="schbox">
    <span>搜索城市:</span><input id="cityipt" type="text" />
  </div>
  <div class="citybox"></div>
  <div class="indexBar"></div>
  <a class="locate"></a>
</div>
<!-- 外框 -->
<div id="waik">
  <!-- 头部 -->
  <div id="top" class="zi_top" style=" background: #fff;">
    <div class="sos_t">
      <div class="xiaox xiaox_tx">
        <a routerLink="/">

          <!-- <i></i> -->
          <img src="./assets/images/tx.jpg">
        </a>
      </div>
      <div class="so_input">
        <p><input type="text" id="input1" class="am-form-field am-round" placeholder="二手汽车" /></p>
      </div>
      <div class="xiaox kanc_xiaox">
        <div id="citypick">
          <a href="javascript:;" id="cityname"> 贵阳 </a>
        </div>
      </div>
    </div>
  </div>
  <!-- 内容 -->
  <br>
  <br>

  <!-- 开始 -->

  <div class="letter scrollspy-nav" data-am-scrollspynav="{offsetTop: 88}">
    <ul>
      <li><a href="/mallclass#rem">热门</a></li>
      <li><a href="/mallclass#a1">A</a></li>
      <li><a href="/mallclass#b1">B</a></li>
      <li><a href="/mallclass#c1">C</a></li>
      <li><a href="/mallclass#d1">D</a></li>
      <li><a href="/mallclass#e1">E</a></li>
      <li><a href="/mallclass#f1">F</a></li>
      <li><a href="/mallclass#g1">G</a></li>
      <li><a href="/mallclass#h1">H</a></li>
      <li><a href="/mallclass#j1">J</a></li>
      <li><a href="/mallclass#k1">K</a></li>
      <li><a href="/mallclass#l1">L</a></li>
      <li><a href="/mallclass#m1">M</a></li>
      <li><a href="/mallclass#n1">N</a></li>
      <li><a href="/mallclass#p1">P</a></li>
      <li><a href="/mallclass#q1">Q</a></li>
      <li><a href="/mallclass#r1">R</a></li>
      <li><a href="/mallclass#s1">S</a></li>
      <li><a href="/mallclass#t1">T</a></li>
      <li><a href="/mallclass#w1">W</a></li>
      <li><a href="/mallclass#x1">X</a></li>
      <li><a href="/mallclass#y1">Y</a></li>
      <li><a href="/mallclass#z1">Z</a></li>
    </ul>
  </div>
  <div class="daoh_top">
    <ul>
      <li class="no"><i></i><a href="mall_class.html">新车</a></li>
      <li><i></i><a href="mall_class.html">二手车</a></li>
    </ul>
  </div>
  <div id="rem">
    <div class="remeng_We">
      <ul>
        <li><a href="mall_class.html#">2年以内</a></li>
        <li><a href="mall_class.html#">3-5年</a></li>
        <li><a href="mall_class.html#">5-8年</a></li>
        <li><a href="mall_class.html#">8-10年</a></li>
        <li><a href="mall_class.html#">10-15年</a></li>
      </ul>
      <ol>
        <li><a href="mall_class.html#">微型车</a></li>
        <li><a href="mall_class.html#">紧凑型车</a></li>
        <li><a href="mall_class.html#">中型车</a></li>
        <li><a href="mall_class.html#">豪华车</a></li>
        <div is_show="no">
          <li><a href="mall_class.html#">跑车</a></li>
          <li><a href="mall_class.html#">新能源</a></li>
          <li><a href="mall_class.html#">微面包</a></li>
          <li><a href="mall_class.html#">跑车</a></li>
        </div>
        <li class="gd"><a href="mall_class.html#">更多</a></li>
      </ol>
    </div>
    <div class="tuijianc swiper_container_rem">
      <ul class="swiper-wrapper">
        <li class="swiper-slide">
          <a><img src="./assets/images/class_img.jpg" alt=""></a>
          <p>名爵6</p>
        </li>
        <li class="swiper-slide">
          <a><img src="./assets/images/class_img1.jpg" alt=""></a>
          <p>名爵HS</p>
        </li>
        <li class="swiper-slide">
          <a><img src="./assets/images/class_img2.jpg" alt=""></a>
          <p>途瑞</p>
        </li>
        <li class="swiper-slide">
          <a><img src="./assets/images/class_img1.jpg" alt=""></a>
          <p>名爵HS</p>
        </li>
        <li class="swiper-slide">
          <a><img src="./assets/images/class_img2.jpg" alt=""></a>
          <p>途瑞</p>
        </li>
      </ul>
      <!-- Add Pagination -->
      <div class="swiper-pagination"></div>
    </div>
  </div>


  <div class="one_ceng" id="a1">
    <div class="bt">A</div>
    <ul>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo.jpg">
          <p>奥迪</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo2.jpg">
          <p>阿斯顿·马丁</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo1.jpg">
          <p>爱驰</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo3.jpg">
          <p>阿尔法·罗密欧</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo.jpg">
          <p>奥迪</p>
        </a>
      </li>
    </ul>
  </div>

  <div class="one_ceng" id="b1">
    <div class="bt">B</div>
    <ul>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo.jpg">
          <p>奥迪</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo2.jpg">
          <p>阿斯顿·马丁</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo1.jpg">
          <p>爱驰</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo3.jpg">
          <p>阿尔法·罗密欧</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo.jpg">
          <p>奥迪</p>
        </a>
      </li>
    </ul>
  </div>
  <div class="one_ceng" id="c1">
    <div class="bt">C</div>
    <ul>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo.jpg">
          <p>奥迪</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo2.jpg">
          <p>阿斯顿·马丁</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo1.jpg">
          <p>爱驰</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo3.jpg">
          <p>阿尔法·罗密欧</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo.jpg">
          <p>奥迪</p>
        </a>
      </li>
    </ul>
  </div>

  <div class="one_ceng" id="d1">
    <div class="bt">D</div>
    <ul>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo.jpg">
          <p>奥迪</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo2.jpg">
          <p>阿斯顿·马丁</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo1.jpg">
          <p>爱驰</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo3.jpg">
          <p>阿尔法·罗密欧</p>
        </a>
      </li>
      <li>
        <a routerLink="/mall-list" href="javascript:;"><img src="./assets/images/qic_logo.jpg">
          <p>奥迪</p>
        </a>
      </li>
    </ul>
  </div>
  <div class="one_ceng" id="e1">
    <div class="bt">E</div>
    <ul>
      E
    </ul>
  </div>
  <div class="one_ceng" id="f1">
    <div class="bt">F</div>
    <ul>
      F
    </ul>
  </div>
  <div class="one_ceng" id="g1">
    <div class="bt">G</div>
    <ul>
      G
    </ul>
  </div>
  <div class="one_ceng" id="h1">
    <div class="bt">H</div>
    <ul>
      H
    </ul>
  </div>
  <div class="one_ceng" id="i1">
    <div class="bt">I</div>
    <ul>
      I
    </ul>
  </div>
  <div class="one_ceng" id="j1">
    <div class="bt">J</div>
    <ul>
      J
    </ul>
  </div>
  <div class="one_ceng" id="k1">
    <div class="bt">K</div>
    <ul>
      K
    </ul>
  </div>
  <div class="one_ceng" id="l1">
    <div class="bt">L</div>
    <ul>
      L
    </ul>
  </div>
  <div class="one_ceng" id="m1">
    <div class="bt">M</div>
    <ul>
      M
    </ul>
  </div>
  <div class="one_ceng" id="n1">
    <div class="bt">N</div>
    <ul>
      N
    </ul>
  </div>
  <div class="one_ceng" id="o1">
    <div class="bt">O</div>
    <ul>
      O
    </ul>
  </div>
  <div class="one_ceng" id="p1">
    <div class="bt">P</div>
    <ul>
      P
    </ul>
  </div>
  <div class="one_ceng" id="q1">
    <div class="bt">Q</div>
    <ul>
      Q
    </ul>
  </div>
  <div class="one_ceng" id="r1">
    <div class="bt">R</div>
    <ul>
      R
    </ul>
  </div>
  <div class="one_ceng" id="s1">
    <div class="bt">S</div>
    <ul>
      S
    </ul>
  </div>
  <div class="one_ceng" id="t1">
    <div class="bt">T</div>
    <ul>
      T
    </ul>
  </div>
  <div class="one_ceng" id="u1">
    <div class="bt">U</div>
    <ul>
      U
    </ul>
  </div>
  <div class="one_ceng" id="v1">
    <div class="bt">V</div>
    <ul>
      V
    </ul>
  </div>
  <div class="one_ceng" id="w1">
    <div class="bt">W</div>
    <ul>
      W
    </ul>
  </div>
  <div class="one_ceng" id="x1">
    <div class="bt">X</div>
    <ul>
      X
    </ul>
  </div>
  <div class="one_ceng" id="y1">
    <div class="bt">Y</div>
    <ul>
      Y
    </ul>
  </div>
  <div class="one_ceng" id="z1">
    <div class="bt">Z</div>
    <ul>
      Z

    </ul>
  </div>
  <!-- <div style="height:100px;line-height: 40px;text-align: center;color:#bbb">加载中</div> -->

  <!-- 结尾 -->
  <br>
  <br>
  <br>

  <!-- 外框结束div -->
</div>